/**
 * Created by Administrator on 2018/1/27.
 */
//当网页加载结束后执行函数f
$(f);

var $fileHeader; //文件名 大小 日期
var dw; //网页可视宽度
var dh; //网页可视高度

function f() {
    dw = $(document).width(); //网页可视宽度
    dh = $(document).height(); //网页可视高度

    //当点击新建文件夹按钮时执行newdirbtnclick函数
    $("#newDirBtn").click(newdirbtnclick);

    function newdirbtnclick() {
        //如果$fileHeader从未被赋值，则执行下面的if语句
        if (!$fileHeader) {
            $fileHeader = $("<div class='fileHeader clearfix'></div>");
            $fileHeader.append("<div class='ck fl w10'><input type='checkbox' /></div>");
            $fileHeader.append("<div class='filename fl w50'>文件名</div>");
            $fileHeader.append("<div class='filesize fl w20'>大小</div>");
            $fileHeader.append("<div class='filedate fl w20'>修改日期</div>");
            $("#cnt").prepend($fileHeader);
        }

        var $fileHeader2 = $("<div class='fileHeader fileRow clearfix'></div>");
        $fileHeader2.append("<div class='ck fl w10'><input type='checkbox' /></div>");
        var $filename = $("<div class='filename fl w50'></div>");
        var $filenameimg = $("<img class='fl' src='https://pan.baidu.com/box-static/disk-system/widget/pageModule/list/img/Folder_24_e0cacad.png?__sprite' />");

        $filename.append($filenameimg)
        var $filenameinput = $("<input class='fl'  value='新建文件夹' />");
        $filename.append($filenameinput);
        $filename.append("<input class='fl confirmbtn' type='button' value='确定' />");
        $filename.append("<input class='fl cancelbtn' type='button'  value='取消' />");
        $fileHeader2.append($filename);
        $fileHeader2.append("<div class='filesize fl w20'>-</div>");
        $fileHeader2.append("<div class='filedate fl w20'>-</div>");
        $fileHeader.after($fileHeader2);

        //让文本框内容自动选中
        $filenameinput[0].select();

        $(".cancelbtn").click(
            function () {
                $("#cnt").html("");
            }
        );

        $(".fileRow").contextmenu(
            function(e){
                var $seletedTarget = $(e.target);
                var $selectedRow = $seletedTarget.parents(".fileHeader");
                $(".fileHeader").css("background","");
                $selectedRow.siblings().find("[type=checkbox]").removeAttr("checked");
                $selectedRow.css("background","orange");
                $selectedRow.find("[type=checkbox]")[0].checked = "checked";
                console.log($(".menu").length);
                e.beiXuanZhongDeHang = $selectedRow;
                showContextMenu(e);
                return false;
            }
        );

        $(".confirmbtn").click(
            function () {
                //当前的文件名，等于该确定按钮的前一个元素
                //就是文本框中的值
                var currentfilename = $(this).prev().val();
                var repeatcount = 0;

                //$(".oldfilename") 表示已经存在的文件名
                $(".oldfilename").each(
                    function (index, ele) {
                        if ($(ele).text().indexOf(currentfilename) != -1) {
                            repeatcount++;
                        }
                    }
                );

                if (repeatcount > 0)
                    currentfilename = currentfilename + "(" + repeatcount + ")";

                var $dig = showDig("loading", "正在创建文件夹...");

                setTimeout(function () {
                    $filenameimg.css("margin-right", "5px");

                    $filename.html("").append($filenameimg).
                    append("<div class='oldfilename'>"
                        + currentfilename + "</div>");

                    $filename.next().next().text(getNow());

                    $dig.fadeOut(300, function () {
                        $dig.remove();
                        var $rightdig = showDig("right", "创建成功！");
                        $rightdig.xiaoshi();
                    });
                }, 1000);
            }
        );
    }
}





